<!DOCTYPE html>
<html lang="zh-cmn-Hans">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
    <title>订单详情</title>
    <link rel="stylesheet" href="../../css/index.css" />
    <link rel="stylesheet" href="../../css/weui.css" />
    <!--<link rel="stylesheet" href="../../css/reservateLog.css" />-->
</head>
<body style="background-color: #f8f8f8">
<div id="personalCenter" style="background-color: #fff">
    <div class="page__bd page__bd_spacing" style="width: 100%;background-color: #fff;height: 2.4rem;line-height: 2.4rem">
        <div class="weui-flex" style="padding: 0 4%">
            <div class="weui-flex__item"><div class="placeholder">2017-04-05</div></div>
            <div class="weui-flex__item"><div class="placeholder">17:00:00</div></div>
            <div class="weui-flex__item"><div class="placeholder" style="float: right;margin-right: 10px;color: #CD6B52;">已完成</div></div>
        </div>
    </div>
    <div class="weui-media-box weui-media-box_appmsg" style="background-color: #f8f8f8;margin-bottom: 0.5rem">
        <div class="weui-media-box__hd" style="width: 80px;height: 80px;line-height: 80px">
            <img style="width: 100%;height: 100%;" class="weui-media-box__thumb" src="../../images/daohang.jpg" alt="">
        </div>
        <div class="weui-media-box__bd" style="width: 80px;height: 80px;line-height: 40px">
            <h4 class="weui-media-box__title">脸部护理</h4>
            <p class="weui-media-box__desc" style="font-size: 0.9rem;color: #646464">美容师：凯丽</p>
            <p class="weui-media-box__desc" style="font-size: 0.9rem;color: #646464">服务时长：<span>45</span>分钟</p>
        </div>
    </div>
    <div class="weui-media-box weui-media-box_appmsg" style="background-color: #f8f8f8;margin-bottom: 0.5rem">
        <div class="weui-media-box__hd" style="width: 80px;height: 80px;line-height: 80px">
            <img style="width: 100%;height: 100%;" class="weui-media-box__thumb" src="../../images/daohang.jpg" alt="">
        </div>
        <div class="weui-media-box__bd" style="width: 80px;height: 80px;line-height: 40px">
            <h4 class="weui-media-box__title">脸部护理</h4>
            <p class="weui-media-box__desc" style="font-size: 0.9rem;color: #646464">美容师：凯丽</p>
            <p class="weui-media-box__desc" style="font-size: 0.9rem;color: #646464">服务时长：<span>45</span>分钟</p>
        </div>
    </div>
    <div style="width: 96%;height: 2.3rem;line-height: 2.3rem;text-align: right;">合计:<span style="margin-left: 0.3rem">288.00元</span></div>
    <div style="width: 92%;margin-left: 4%;margin-top: 0.5rem;font-size: 0.9rem">
        <div style="width: 100%;height: 2.3rem;line-height: 2.3rem;color: #CE6C85">
            <span>美丽佳人（珠江南路店）</span>
            <div style="float: right;height: 2.3rem;padding-top: 0.3rem">
                <img style="width: 16px" src="../../images/shiyu/ddxq_daohang_icon@2x.png" alt="">
                <img style="width: 20px;margin-left: 0.3rem" src="../../images/shiyu/ddxq-dianhua-icon@2x.png" alt="">
            </div>
        </div>
        <div class="weui-cell weui-cell_access">
            <div class="weui-cell__bd weui-cell_primary">
                <p><span style="display: inline-block;width: 5rem">地址</span><span>苏州珠江南路999号</span></p>
            </div>
        </div>
        <div class="weui-cell weui-cell_access">
            <div class="weui-cell__bd weui-cell_primary">
                <p><span style="display: inline-block;width: 5rem">预约人</span><span>用户名（13525632562）</span></p>
            </div>
        </div>
        <div class="weui-cell weui-cell_access">
            <div class="weui-cell__bd weui-cell_primary">
                <p><span style="display: inline-block;width: 5rem">服务时间</span><span>2017-04-06</span><span style="margin-left: 1rem">20:00:00</span></p>
            </div>
        </div>
        <div class="weui-cell weui-cell_access">
            <div class="weui-cell__bd weui-cell_primary">
                <p><span style="display: inline-block;width: 5rem">订单状态</span><span>待确认</span></p>
            </div>
        </div>
        <div class="weui-cell weui-cell_access">
            <div class="weui-cell__bd weui-cell_primary">
                <p><span style="display: inline-block;width: 5rem">订单编号</span><span>12346579810111212314</span></p>
            </div>
        </div>
    </div>
</div>
<a href="reservateLog.html" style="width: 92%;z-index: 100;height: 2.3rem;line-height: 2.3rem;text-align: center;color: #fff;background: linear-gradient(to right,#F562BA, #FE5967);margin-left: 4%;border-radius: 6px;position: fixed;bottom: 8px">返回</a>
<script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
<script src="https://res.wx.qq.com/open/libs/weuijs/1.0.0/weui.min.js"></script>
</body>
</html>